<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="wap_reset2016.css">
	<script src="zepto.min.js"></script>
	<script src="adaptive-version2.js"></script>
    <script>
        window['adaptive'].desinWidth = 750;
        window['adaptive'].baseFont = 24;
        window['adaptive'].init();
    </script>
    <script src="app.js"></script>
	<style>
		body {background: #333;font-family: "Microsoft Yahei"}
		.dog {width:7rem;height:7rem;overflow: hidden;margin:0.5rem auto;}
		.dog div {background: #14a72b;border:1px solid #000;display: inline-block;width:1.4rem;height:1.4rem;float:left;}
		.dog .old {background:#be8824; }
		footer {position: fixed;width:7rem; bottom:0;left:0.25rem;height: 1.4rem;}
		footer ul li{background: #be8824;border:1px solid #000;display: inline-block;width:1.4rem;height:1.4rem;float:left;}
	</style>
</head>
<body>
	<div class="dog"></div>
	<footer>
		<ul></ul>
	</footer>
	
</body>
</html>